$(function () {
    /*标准*/
    // var radar = echarts.init(document.getElementById('radar'));
    option = {
        title: {
            text: ''
        },
        tooltip: {},
        legend: {

            data: ['第一标准', '第二标准', '第三标准'],
            x: "center",
            y: 'bottom',
            textStyle: {
                color: "#fff"
            }
        },
        color: ['#4c95d9', '#f6731b', '#8cd43f'],
        radar: {
            name: {
                textStyle: {
                    //设置颜色
                    color: '#fff'
                }
            },
            indicator: [
                {name: 'test1', max: 6500},
                {name: 'test2', max: 16000},
                {name: 'test3', max: 30000},
                {name: 'test4', max: 38000},
                {name: 'test5', max: 52000},
                {name: 'test6', max: 25000}
            ],
            center: ['50%', '50%'],
            radius: "58%"
        },
        series: [{
            name: '',
            type: 'radar',
            itemStyle: {
                normal: {
                    splitLine: {
                        lineStyle: {}
                    },
                    label: {
                        show: false,
                        textStyle: {},
                        formatter: function (params) {
                            return params.value;
                        }
                    },
                }
            },
            data: [
                {
                    value: [2400, 10000, 28000, 35000, 50000, 19000],
                    name: '第一标准'
                },
                {
                    value: [5000, 14000, 28000, 31000, 42000, 21000],
                    name: '第二标准'
                },
                {
                    value: [6000, 14000, 18000, 21000, 32000, 11000],
                    name: '第三标准'
                }
            ]
        }]
    };
    // radar.setOption(option);

    // var graduateyear = echarts.init(document.getElementById('graduateyear'));
    // option = {
    //     title: {
    //         text: "",
    //         x: 'center',
    //         y: 'top',
    //         textStyle:
    //             {
    //                 color: '#fff',
    //                 fontSize: 13
    //             }
    //     },
    //     tooltip: {
    //         trigger: 'axis'
    //     },
    //     grid: {
    //         left: '3%',
    //         right: '8%',
    //         bottom: '5%',
    //         top: "13%",
    //         containLabel: true
    //     },
    //     color: ["#72b332", '#35a9e0'],
    //     legend: {
    //         data: ['test1', 'test2'],
    //         show: true,
    //
    //         right: '15%',
    //         y: "0",
    //         textStyle: {
    //             color: "#999",
    //             fontSize: '13'
    //         },
    //     },
    //     toolbox: {
    //         show: false,
    //         feature: {
    //             mark: {show: true},
    //             dataView: {show: true, readOnly: false},
    //             magicType: {show: true, type: ['line', 'bar', 'stack', 'tiled']},
    //             restore: {show: true},
    //             saveAsImage: {show: true}
    //         }
    //     },
    //     calculable: true,
    //     xAxis: [
    //         {
    //             type: 'category',
    //             boundaryGap: false,
    //             data: ['2022年', '2023年', '2024年', '2025年', '2026年', '2027年', '2028年'],
    //             splitLine: {
    //                 show: true,
    //                 lineStyle: {
    //                     color: '#2d3b53'
    //                 }
    //             },
    //             axisLabel: {
    //                 textStyle: {
    //                     color: "#fff"
    //                 },
    //                 alignWithLabel: true,
    //                 interval: 0,
    //                 rotate: '15'
    //             }
    //         }
    //     ],
    //     yAxis: [
    //         {
    //             type: 'value',
    //             splitLine: {
    //                 show: true,
    //                 lineStyle: {
    //                     color: '#2d3b53'
    //                 }
    //             },
    //             axisLabel: {
    //                 textStyle: {
    //                     color: "#999"
    //                 }
    //             },
    //         }
    //     ],
    //     series: [
    //         {
    //             name: 'test1',
    //             type: 'line',
    //             smooth: true,
    //             symbol: 'roundRect',
    //             data: [1168, 1189, 1290, 1300, 1345, 1256, 1045]
    //         },
    //         {
    //             name: 'test2',
    //             type: 'line',
    //             smooth: true,
    //             symbol: 'roundRect',
    //             data: [1234, 234, 322, 246, 686, 133, 903]
    //         }
    //     ]
    // };
    // graduateyear.setOption(option);

    /*==*/
    // var sexrate = echarts.init(document.getElementById('sexrate'));
    // // var total = {
    // //     name: '入库月份比例图'
    // // };
    // option = {
    //     title: [{
    //         // text: total.name,
    //         left: '48%',
    //         top: '34%',
    //         textAlign: 'center',
    //         textBaseline: 'middle',
    //         textStyle: {
    //             color: '#fff',
    //             fontWeight: 'normal',
    //             fontSize: 18
    //         }
    //     }, {
    //         // text: total.value,
    //         left: '48%',
    //         top: '44%',
    //         textAlign: 'center',
    //         textBaseline: 'middle',
    //         textStyle: {
    //             color: '#fff',
    //             fontWeight: 'normal',
    //             fontSize: 18
    //         }
    //     }],
    //     tooltip: {
    //         trigger: 'item',
    //         formatter: "{a} <br/>{b} : {c} ({d}%)"
    //     },
    //
    //     color: ["#9E87FF", '#73DDFF', '#fe9a8b', '#F56948', '#9E87FF'],
    //     legend: {
    //         orient: 'vertical',
    //         x: 'center',
    //         bottom: '5%',
    //         selectedMode: false,
    //         formatter: function (name) {
    //             var oa = option.series[0].data;
    //             var num = oa[0].value + oa[1].value;
    //             for (var i = 0; i < option.series[0].data.length; i++) {
    //                 if (name == oa[i].name) {
    //                     // return name + "  " + oa[i].value + "  " + (oa[i].value / num * 100).toFixed(2) + '%';
    //                     return name + "  " + oa[i].value + "  ";
    //                 }
    //             }
    //         },
    //         data: ['test1', 'test2','test3'],
    //         show: true,
    //         textStyle: {
    //             color: '#fff',
    //             fontWeight: 'bold'
    //         },
    //     },
    //
    //     series: [
    //         {
    //             name: 'PK',
    //             type: 'pie',
    //             selectedMode: 'single',
    //             radius: ['45%', '55%'],
    //             center: ['50%', '40%'],
    //             data: [
    //                 {value: 10, name: 'test1'},
    //                 {value: 90, name: 'test2'},
    //                 {value: 90, name: 'test3'}
    //             ],
    //             label: {
    //                 normal: {
    //                     show: false,
    //                     position: "outer",
    //                     align: 'left',
    //                     textStyle: {
    //                         rotate: true
    //                     }
    //                 }
    //             },
    //             itemStyle: {
    //                 emphasis: {
    //                     shadowBlur: 10,
    //                     shadowOffsetX: 0,
    //                     shadowColor: 'rgba(0, 0, 0, 0.5)'
    //                 },
    //                 normal: {
    //                     label: {
    //                         show: true,
    //                         formatter: '{b} {c}'
    //                     }
    //                 }
    //
    //             }
    //         }
    //     ]
    // };
    // sexrate.setOption(option);


    // var householdrate = echarts.init(document.getElementById('householdrate'));
    var total = {
        name: '=='
    };
    option = {
        title: [{
            text: total.name,
            left: '48%',
            top: '34%',
            textAlign: 'center',
            textBaseline: 'middle',
            textStyle: {
                color: '#fff',
                fontWeight: 'normal',
                fontSize: 18
            }
        }, {
            text: total.value,
            left: '48%',
            top: '44%',
            textAlign: 'center',
            textBaseline: 'middle',
            textStyle: {
                color: '#fff',
                fontWeight: 'normal',
                fontSize: 18
            }
        }],
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },

        color: ['#4f9de7', '#4acf79'],
        legend: {
            orient: 'vertical',
            x: 'center',
            bottom: '5%',
            selectedMode: false,
            formatter: function (name) {
                var oa = option.series[0].data;
                var num = oa[0].value + oa[1].value;
                for (var i = 0; i < option.series[0].data.length; i++) {
                    if (name == oa[i].name) {
                        return name + "  " + oa[i].value + "  " + (oa[i].value / num * 100).toFixed(2) + '%';
                    }
                }
            },
            data: ['test1', 'test2'],
            show: true,
            textStyle: {
                color: '#fff',
                fontWeight: 'bold'
            },
        },
        series: [
            {
                name: 'FK',
                type: 'pie',
                selectedMode: 'single',
                radius: ['45%', '55%'],
                center: ['50%', '40%'],
                data: [
                    {value: 2629, name: 'test1'},
                    {value: 2507, name: 'test2'}
                ],
                label: {
                    normal: {
                        show: false,
                        position: "outer",
                        align: 'left',
                        textStyle: {
                            rotate: true
                        }
                    }
                },
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    },
                    normal: {
                        label: {
                            show: true,
                            formatter: '{b} {c}'
                        }
                    }
                }
            }
        ]
    };
    // householdrate.setOption(option);

    // var courserate = echarts.init(document.getElementById('courserate'));
    option = {
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            right: '0',
            y: 'middle',
            textStyle: {
                color: "#fff"
            },

            formatter: function (name) {
                var oa = option.series[0].data;
                var num = oa[0].value + oa[1].value + oa[2].value + oa[3].value + oa[4].value + oa[5].value;
                for (var i = 0; i < option.series[0].data.length; i++) {
                    if (name == oa[i].name) {
                        return name + ' ' + oa[i].value;
                    }
                }
            },
            data: ['test1', 'test2', 'test3', 'test4', 'test5', 'text6']
        },
        series: [
            {
                name: 'FK',
                type: 'pie',
                radius: '40%',
                color: ['#27c2c1', '#9ccb63', '#fcd85a', '#60c1de', '#0084c8', '#d8514b'],
                center: ['38%', '50%'],
                data: [
                    {value: 335, name: 'test1'},
                    {value: 310, name: 'test2'},
                    {value: 234, name: 'test3'},
                    {value: 135, name: 'test4'},
                    {value: 234, name: 'test5'},
                    {value: 234, name: 'text6'}
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                },
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            position: 'outside',
                            formatter: '{b}'
                        }
                    },
                    labelLine: {show: true}
                }
            }
        ]
    };
    // courserate.setOption(option);

    /* =======*/
    // var professionrate = echarts.init(document.getElementById('professionrate'));
    option = {
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            right: '0',
            y: 'middle',
            textStyle: {
                color: "#fff"
            },
            data: ['test1', 'test2', 'test3'],
            formatter: function (name) {
                var oa = option.series[0].data;
                var num = oa[0].value + oa[1].value + oa[2].value;
                for (var i = 0; i < option.series[0].data.length; i++) {
                    if (name == oa[i].name) {
                        return name + ' ' + oa[i].value;
                    }
                }
            }
        },
        series: [
            {
                name: 'FK',
                type: 'pie',
                radius: '60%',
                center: ['35%', '50%'],
                data: [
                    {value: 335, name: 'test1'},
                    {value: 310, name: 'test2'},
                    {value: 234, name: 'test3'}
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                },
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            position: 'outside',
                            formatter: '  {b}'
                        }
                    },
                    labelLine: {show: true}
                }
            }
        ]
    };
    // professionrate.setOption(option);

})